.d-box {
    width: 100%;
    background-color: #e9e9e9;
}

.details-content {
    position: relative;
}

.box-details {
    width: 90%;
    height: 10rem;
    background-color: white;
    border-radius: 1rem;
    position: absolute;
    bottom: -4rem;
    left: 2rem;
    padding-left: 1rem;
}

.details-h3{
    margin-left: 1rem;
}

.hp{
    margin-top: .8rem;
}

.details-function{
    width: 90%;
    height: 10rem;
    background-color: white;
    margin: auto;
    border-radius: 1rem;
}

.details-function-content{
width: 90%;
height: 75%;
margin: auto;
display: flex;
justify-content: space-between;
}

.details-function-content-div{
    width: 7rem;
    height: 7.5rem;
}

.detailes-img{
    width: 60%;
    height: 60%;
    margin: auto;
}

.condition{
    width: 90%;
    height: 26rem;
    background-color: white;
    margin: 2rem auto;
    border-radius: 1rem;
    color: #999;
}

.condition-content{
    width: 90%;
    height: 80%;
    margin: auto;
}

.condition-title{
    width: 7rem;
    vertical-align: top;
}

.details-footer{
    width: 90%;
    margin: 2rem auto;
    background-color: white;
    border-radius: 1rem;
    overflow: hidden;
}